body
{
  background-color: white;
  color: black;
  font-family: Tahoma;
   
  margin: 0;
  padding-bottom: 0px;
  width: 100%;
  height: 100%;
}
h1
{
  color: navy;
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-large;
  font-weight: bolder;
  text-transform: capitalize;
}
h2
{
  color: navy;
  font-family: Arial, Helvetica, sans-serif;
  font-size: large;
  font-weight: bolder;
  text-transform: capitalize;
}
h3
{
  color: #02243C;
  font-family: Tahoma;
  font-size: 14px;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
}
h4
{
  color: #02243C;
  font-family: Tahoma;
  font-size: 11px;
  font-weight: bold;
  margin: 2px;
  padding-bottom: 4px;
  border-bottom: Solid 1px #E1E1E1;
}

#content {
  margin-top: 30px;  
  margin-bottom: 30px;  
  padding-bottom: 30px;
  width: 900px;  
    
  margin-left: auto;
  margin-right: auto;   
}

#top {
  width: 100%;
  height: 38px;
  background-image: url("/images/myfoon_logo.png");
  background-repeat: no-repeat;      
  background-position: 14px 5px;
  text-align: left;
  padding-top: 5px; 
}

#bottom {  
  clear: both;      
  width: 100%;    
  padding-top: 5px;  
}

.bottom2 {
  margin-top: 10px;  
  top: 10px;
  border-top: Solid 6px #DCDCDC;
}

ul.about {  
  list-style: none; 
  margin: 0;  
  padding: 0;
}

ul.about li {
  display: inline;
  margin-left: 6px;
  font-size: 11px;
  color: black;
}

ul.about li.first {
  margin-left: 0px;  
  font-weight: bold;
}

ul.about li a {
  font-size: 11px;
  text-decoration: none;
  color: black;
}
ul.about li a:hover {
  text-decoration: underline;
}


#top_menu {
  float: left;  
  margin-left: 160px;
  margin-top: 0px;
  font-size: 12px;  
  padding-top: 2px;
  padding-bottom: 2px;
}

#top_menu span a {
  color: #7C7C7C;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;   
}

#top_menu span a:hover {
  text-decoration: underline;
}

#top_menu span a.menulink {
  background-image: url("/images/triangle_down.png");
  background-position: right;
  background-repeat: no-repeat;
  padding-right: 12px;
}

a.applink {
  font-size: 11px;
  height: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: #7D7D7D;
  text-decoration: none;
  font-weight: bold;
  padding-left: 20px;  
  margin-left: 5px;
  background-position: left;
  background-repeat: no-repeat;
}

a.applink:hover {
  text-decoration: underline;
}

a.first {
  margin-left: 0;  
}

#top_menu span.separator {
  color: #D1D1D1;
  font-size: 12px;
}

.top_menu_right {
  margin-top: 0px;
  float: right;    
  font-size: 12px;  
  padding-top: 2px;
  padding-bottom: 2px;
}

.top_menu_right span a {
  color: #7C7C7C;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;   
}

.top_menu_right span a:hover {
  text-decoration: underline;
}

.top_menu_right span.separator {
  color: #D1D1D1;
  font-size: 12px;
}

#main {  
  width: 100%;
  float: left;
}

#side {
  float: left;
  width: 140px;  
  border: Solid 1px #D1D1D1;   
  background: white;
  padding: 5px;
  text-align: center;
  padding-bottom: 10px;
}

#right {
  border-top: Solid 1px #5195CE;  
  float: right;
  width: 740px;
}

#r1 {
  float: left;  
  background: #F9F9F9;
  border-left: Solid 1px #E1E1E1;
  border-bottom: Solid 1px #E1E1E1;  
  border-right: Solid 1px #E1E1E1;   
  padding-right: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
  width: 514px;
}

#r2 {
  float: right;  
}

.searchbox {            
  background: #F9F9F9;
  border: Solid 1px #E1E1E1;  
  padding: 3px 6px 3px 6px;    
  width: 180px;      
}

.toolbox {    
  background: White;
  border: Solid 1px #D1D1D1;  
  padding: 6px;
  width: 180px;  
  margin-top: 20px;
}

.toolbox ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.toolbox ul li {
  font-size: 11px;
  font-weight: normal;
  padding: 3pX  5px;
  border-bottom: Solid 1px #F6F6F6;
  color: #7D7D7D;
}

.toolbox2 {    
  background: White;
  padding-bottom: 10px;
  margin-top: 10px;
  text-align: left;
  border-bottom: Solid 1px #D1D1D1;
}

.toolbox2 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.toolbox2 ul li {
  font-size: 11px;
  font-weight: normal;
  padding: 3pX  5px;
  border-bottom: Solid 1px #F6F6F6;
  color: #7D7D7D;
}

.tools-hover {
  background: #F3F3FF;    
  text-decoration: underline;
  cursor: pointer;
}

.r2side {      
  background: White;
  border: Solid 1px #D1D1D1;  
  padding: 6px;
  width: 180px;    
  margin-top: 20px;
}

.r2advertisement {      
  background: White;
  border: Solid 1px #D1D1D1;  
  padding: 6px;
  width: 180px;    
  margin-top: 20px;
  font-size: 12px;
}

.r2side span.content {  
  font-size: 11px;
  font-weight: normal;
  display: block;  
}

span.ajax_load {
    display: inline; margin-bottom: 3px; 
}
.r2side a {
  font-size: 11px;
  color: #00BB00;
  font-weight: bold;
  text-decoration: none;
}

.r2side a.title {
  color: #146eb4;  
}

.r2side a:hover {
  text-decoration: underline;
}
    
.r2side .r2sidebox {
  padding: 3px;  
  margin-top: 10px;
}

.r2side .r2sidebox_first {
  padding: 3px;  
  margin-top: 5px;
}

.r2side .r2sidebox_first p{
  margin: 0;
  padding: 0;
}

.r2side .r2sidebox p {
  margin: 0;
  padding: 0;
}
.rd {
   margin-top: 6px; 
   border: Solid 1px #D1D1D1; 
   width: auto; background: White;
   padding: 8px;
}

#p_img {
  border: Solid 1px #d1d1d1;
  width: auto;
  background: #F9F9F9;
  padding: 6px 3px 6px 3px;
}

.menubox {
  margin-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  border-bottom: Solid 1px #D1D1D1;
}

.menubox ul {
  margin-top: 4px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.menubox ul li {
  font-size: 11px;
  font-weight: bold;
  padding: 3px 5px;
  color: #7D7D7D;
}

.menubox ul li img {
vertical-align:middle;
}

.menubox ul li a {
  color: #7D7D7D;
  text-decoration: none; 
  vertical-align: bottom;  
}

.menubox ul li a:hover {
  text-decoration: underline;
}

table.rp { }
table.rp tr { }
table.rp tr.tr-hover { background: #f9f9f9; }

table.rp tr.tr-hover td.tools ul { display: block; margin: 0; padding: 0; list-style: none;}
table.rp tr td { border-bottom: dashed 1px #D2DADA; }
table.rp tr td.tools { text-align: left; }
table.rp tr td.tools ul { display: none; }
table.rp tr td.photo img { padding: 2px; border: Solid 1px #C3C3C3; }

a.tools_link { font-family: Tahoma; font-size: 11px; color: black; text-decoration: none; }
a.tools_link:hover { text-decoration: underline; }

span.event_info {    
    font-family: Tahoma;
    color: #02243C;
    font-size: 12px;       
    font-weight: normal;
    text-decoration: none;   
}

a.profile_link {
    font-family: Tahoma;
    color: #02243C;
    font-size: 12px;       
    font-weight: normal;
    text-decoration: none;
}

a.profile_link:hover {
    text-decoration: underline;
}

span.event_time {    
    font-size: 11px; font-weight: bold; color: #7D7D7D; font-style: normal; margin-left: 5px;
}

.event_message {
    clip : auto;
    overflow : hidden;        
    margin-top: 6px;      
    max-width: 400px;    
}
.event_message span {
    font-size: 12px;    
}

span.event_at {
    font-weight: normal; color: black; font-size: 11px; 
}

#attach_header {
    margin-top: 6px; 
    padding: 3px; 
    color: black; 
    font-size: 11px; 
    font-family: Tahoma;
}

#attachments {             
  width: 100%;         
  padding: 0;  
  color: #000;  
  overflow: hidden;  
  margin: 0;    
  font-size: 11px;
  font-family: Tahoma;
}

#attachments a {    
  font-family: Tahoma;    
  color: #333333;
  font-size: 11px;
  text-decoration: none;
}

#attachments a.ra {    
  background-image: url("/images/remove.png");  
  background-repeat: no-repeat;        
  background-position: left;   
  padding: 2px;
  padding-left: 12px;
}

#attachments a:hover {  
  text-decoration: underline;
}

#attachments ul {
  list-style: none;    
  margin: 0;
  margin-top: 5px;
  padding: 0;  
}

#attachments ul li {    
  padding-top: 5px;  
  border-bottom: Solid 1px #E1E1E1;
  padding-left: 23px;  
  display: none;
}

#attachments ul li.image {
  background-image: url("/images/photo-icon.png");
  background-repeat: no-repeat;        
  background-position: 5px 4px;  
}

#attachments ul li.video {
  background-image: url("/images/video-icon.png");
  background-repeat: no-repeat;        
  background-position: 5px 4px;  
}

#attachments ul li.location {
  background-image: url("/images/map-icon.png");
  background-repeat: no-repeat;        
  background-position: 5px 4px;  
}

#attachments span.info {  
  float: left;
  padding-left: 5px;
}

#attachments span.info img {  
  margin: 4px;
  display: block;
  padding: 2px;
  border: Solid 1px #C3C3C3;
}

#attachments ul li.st {    
  background-color: #F9F9F9;
}

#attachments ul li.st span.tools {   
  float: right;
  display: inline;
}

#attachments ul li span.tools {
  display: none;
}

hr {
  clear: both;
  height: 0;
  margin: 0;
  overflow: hidden;
  visibility: hidden;
}